<template>
   <div class="history">
    <!-- 导航 -->
    <top-bar :navList="navList" @post="getSelected"></top-bar>
    <!-- list -->
    <flex-list></flex-list>
   </div>
</template>

<script>
import TopBar from '@/components/TopBar'
import FlexList from '@/components/FlexList'
export default {
  data () {
    return {
      navList: ['今天', '本周', '本月', '更早']
    }
  },
  created () {

  },
  methods: {
    getSelected (e) {
      console.log(e)
    }
  },
  components: {
    TopBar,
    FlexList
  }
}
</script>
<style lang="less">
  .history { padding: 70px 10px 0;}
</style>
